<template>
  <div class="g-doc-demo-block">
    <h2 class="g-doc-demo-block__title">基础用法</h2>
    <div class="g-doc-demo-block__card">
      <g-cell @click="show" title="轻提示" isLink />
    </div>
  </div>
</template>
<script>
import { Toast } from "@/group/utils";
export default {
  setup() {
    const show = function() {
      Toast.show("这是一个轻提示");
    };
    return { show };
  }
};
</script>
<style lang="scss" scoped>
.g-doc-demo-block__card {
  margin: 0 24px 0;
  overflow: hidden;
  border-radius: 16px;
}
.g-doc-demo-block:first-of-type .g-doc-demo-block__title {
  padding-top: 40px;
}
.g-doc-demo-block__title {
  margin: 0;
  padding: 64px 32px 32px;
  color: rgba(69, 90, 100, 0.6);
  font-weight: normal;
  font-size: 28px;
  line-height: 32px;
}
</style>